@import '../../assets/css/mixin.less';
@import '../../assets/css/vars.less';

.login {
  width: 100%;
  height: 100%;
  background: url(./images/bg.jpg) no-repeat;
  background-size: 100% 100%;
  &-header {
    .common-flex(flex-start);
    height: 80px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgba(21, 20, 13, 0.5);
    img {
      width: 60px;
      margin-right: 20px;
    }
    h2 {
      font-size: 24px;
      color: @white;
      margin-bottom: 0;
    }
  }

  &-content {
    .fxied-center();
    width: 400px;
    height: 270px;
    padding: 20px;
    background-color: @white;

    h2 {
      font-size: 20px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 20px;
    }

    .login-btn {
      width: 100%;
    }
  }
}
